$(function(){
	{
		/*
		 *用户名下拉框-start(右上角用户名处)
		 */
		var user=$(".user-info .q-layer.q-layer-userinfo");
		$(".user-info").mouseenter(function(){
			user.css("display","");
			$(this).addClass("hover");
		});
		$(".user-info").mouseleave(function(){
			user.css("display","none");
			$(this).removeClass("hover");
		});
		/*用户名下拉框-----end-----*/
	}
	//验证码
	function draw(show_num) {//验证码图片
		var canvas = document.getElementById("canvas");//获取到canvas的对象，演员
		var canvas_width = canvas.clientWidth;
		var canvas_height = canvas.clientHeight;
		var context = canvas.getContext("2d"); //获取到canvas画图的环境，演员表演的舞台
		canvas.width = canvas_width;
		canvas.height = canvas_height;
		var sCode =
			"A,B,C,E,F,G,H,J,K,L,M,N,P,Q,R,S,T,W,X,Y,Z,1,2,3,4,5,6,7,8,9,0,q,w,e,r,t,y,u,i,o,p,a,s,d,f,g,h,j,k,l,z,x,c,v,b,n,m";
		var aCode = sCode.split(",");
		var aLength = aCode.length; //获取到数组的长度
	
		for (var i = 0; i <= 3; i++) {
			var j = Math.floor(Math.random() * aLength); //获取到随机的索引值
			var deg = Math.random() * 30 * Math.PI / 180; //产生0~30之间的随机弧度
			var txt = aCode[j]; //得到随机的一个内容
			show_num[i] = txt;
			var x = 10 + i * 20; //文字在canvas上的x坐标
			var y = 20 + Math.random() * 8; //文字在canvas上的y坐标
			context.font = "bold 23px 微软雅黑";
	
			context.translate(x, y);
			context.rotate(deg);
	
			context.fillStyle = randomColor();
			context.fillText(txt, 0, 0);
	
			context.rotate(-deg);
			context.translate(-x, -y);
		}
		for (var i = 0; i <= 5; i++) { //验证码上显示线条
			context.strokeStyle = randomColor();
			context.beginPath();
			context.moveTo(Math.random() * canvas_width, Math.random() * canvas_height);
			context.lineTo(Math.random() * canvas_width, Math.random() * canvas_height);
			context.stroke();
		}
		for (var i = 0; i <= 30; i++) { //验证码上显示小点
			context.strokeStyle = randomColor();
			context.beginPath();
			var x = Math.random() * canvas_width;
			var y = Math.random() * canvas_height;
			context.moveTo(x, y);
			context.lineTo(x + 1, y + 1);
			context.stroke();
		}
	}
	
	function randomColor() { //得到随机的颜色值
		var r = Math.floor(Math.random() * 256);
		var g = Math.floor(Math.random() * 256);
		var b = Math.floor(Math.random() * 256);
		return "rgb(" + r + "," + g + "," + b + ")";
	}
	function show_tip(src,text,time){//src:提示框1成功，2失败,3正在登陆
		time*=1000;
		var succes_tip=$(".q-login-tips");
		if(src==1) src="../../images/zc/person/success@2x.png";
		else if(src==2) src="../../images/zc/person/fail@2x.png";
		else if(src==3) src="../../images/zc/person/wait_34.gif";
		succes_tip.find(".text").text(text);//设置提示内容
		succes_tip.find(".icon").css("background","url("+src+") 50%/18px 18px no-repeat");//设置提示标志
		succes_tip.find(".tip").css("width","auto");
		succes_tip.css("display", ""); //显示提示框（成功）
		setTimeout(function() {
			succes_tip.css("display", "none"); //关闭提示框
		},time); //2秒后关闭
	}
	function count_down(time, ele, ele2) { //倒计时
		ele2.css({//父级元素
			"pointer-events": "none",
			"background-color": "#7b7b7b"
		}); //禁用点击事件及改变底色
		ele.text("重新发送(" + time + ")");
		var inter = setInterval(function() {
			time--;
			ele.text("重新发送(" + time + ")");
			if (time < 0) {
				clearInterval(inter);
				ele.text("发送验证码");
				ele2.css({
					"pointer-events": "",
					"background-color": "#5cad77"
				}); //禁用点击事件
			}
		}, 1000);
	}
	function checkMobile(str) {//手机号码,验证规则：11位数字，以1开头。
	  var re = /^1\d{10}$/
	  if (re.test(str)){
	    return true;
	  }else{
	    return false;
	  }
	}
	//邮箱
	//验证规则：姑且把邮箱地址分成“第一部分@第二部分”这样。第一部分：由字母、数字、下划线、短线“-”、点号“.”组成；第二部分：为一个域名，域名由字母、数字、短线“-”、域名后缀组成，而域名后缀一般为.xxx或.xxx.xx，一区的域名后缀一般为2-4位，如cn、com、net，现在域名有的也会大于4位
	function checkEmail(str){
	  var re = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/
	  if(re.test(str)){
	    return true;
	  }else{
	    return false;
	  }
	}
	var input=$(".q-login-form input");
	var show_num=[];//验证码（识别码）
	draw(show_num);//绘制验证码
	{//点击图片，重新绘制验证码
		$("#canvas").click(function(){
			draw(show_num);
			console.log("验证码:"+show_num.join(""));
		});
	}
	var captcha=-1;//邮箱验证码
	$(".btn-valid").click(function() {//发送验证码
		var email=input[0].value;
		if(!checkEmail(email)){//手机号错误
			show_tip(2,"邮箱格式错误",1);
			draw(show_num);
			return ;
		}
		count_down(2, $(this).find("span"), $(this));//倒计时
		$.ajax({//从后台获取验证码
			  url: "../.././Myservlet?method=getEmailCaptcha",
			  type: 'get',
			  data:{
				  email:email
			  },
			  dataType: "json",
			  error:function(XMLHttpRequset,textStatus,errorThrown){
				  console.log("请求错误");
				  console.log(errorThrown);
				  show_tip(2,"邮箱服务错误",1);
			  },
			  success: function(data) {
					 if(data.code==-1){
						  show_tip(2,"邮箱服务故障",1);
					 }else{
						  captcha=data.code;
					 }
			  }
		});
	});
	$(".btn").click(function(){
		if(!checkEmail(input[0].value)){
			show_tip(2,"邮箱格式错误",1);
			draw(show_num);
			return ;
		}
		if(show_num.join("").toLowerCase()!=input[1].value.toLowerCase()){
			show_tip(2,"图片识别码错误",1);
			draw(show_num);
			return ;
		}
		if(captcha==-1){
			show_tip(2,"请先发送验证码",1);
			draw(show_num);
			return ;
		}
		if(captcha!=input[2].value){
			show_tip(2,"验证码错误",1);
			draw(show_num);
			return ;
		}
		$.ajax({//从后台手机号
			  url: "../.././Myservlet?method=bind_Email",
			  type: 'get',
			  data:{
				  email:input[0].value,
				  userName:input[3].value
			  },
			  dataType: "json",
			  error:function(XMLHttpRequset,textStatus,errorThrown){
				  console.log("请求错误");
				  console.log(errorThrown);
				  show_tip(2,"绑定服务错误",1);
			  },
			  success: function(data) {
					 if(data.code==-1){
						  show_tip(2,"绑定服务故障",1);
					 }else if(data.code==1){
						   show_tip(1,"绑定成功",100);
						    location.href="../../jsp/zc/travel_person.jsp";
					 }else{
						  show_tip(2,"username重复",1);
					 }
			  }
		});
	});
	console.log(input);
	console.log("验证码:"+show_num.join(""));
});